// 公共样式---start

body {
    -webkit-user-select: none;
}

// 宽高相同
.wh(@width) {
    width: @width;
    height: @width;
}

.wh(@width, @height) {
    width: @width;
    height: @height;
}

// 定位左右居中
.position_left_right(@width, @top) {
    margin-left: -(@width / 2);
    position: absolute;
    left: 50%;
    top: @top;
}

// 定位设置宽高
.position_box(@top, @bottom, @left: 0, @right: 0) {
    position: absolute;
    top: @top;
    bottom: @bottom;
    left: @left;
    right: @right;
}

// flex 垂直居中左右控制
.flex_left_right_custom(@jc: center) {
    display: flex;
    align-items: center;
    justify-content: @jc;
}


.position(@top, @left, @type: absolute) {
    position: @type;
    top: @top;
    left: @left;
}

// @publicUrl: "../images/";
// @publicUrl: "https://uat.beats-digital.com/mlk/ksx/images/";
// @publicUrl: "http://127.0.0.1:54298/images/";
// @publicUrl: "http://192.168.0.106:5000/images/";
@publicUrl: "http://cdn.omnimkt.com/smhl/images/";
@MathRom: 29;

.background(@background) {
    background-image: url("@{publicUrl}@{background}?v=@{MathRom}");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

.mask_image(@background) {
    -webkit-mask-image:url("@{publicUrl}@{background}?v=@{MathRom}");
    // -webkit-mask-image:url("http://192.168.11.6:5000/images/@{background}?v=@{MathRom}");
    -webkit-mask-size: 100% 100%;
    overflow: hidden;
}

// 定位垂直居中
.chuiCenter {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

// flex 水平居中
.flexVerHorizontally {
    display: flex;
    align-items: center;
}

// flex 水平垂直居中
.flexHVCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

// 文本垂直居中
.textChuiCenterLineHeight(@lineHeight) {
    text-align: center;
    line-height: @lineHeight;
}

i {
    display: block;
}

.hide {
    display: none;
}

.hideop {
    opacity: 0;
}

.showop {
    opacity: 1;
}


@font-face {
    font-family: "思源黑体";
    src: url('/assets/fonts/SourceHanSansCN-Regular.otf');
    /* IE9 */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa9aa;
    font-size: .20rem;
    letter-spacing: .04rem;
    padding-top: .02rem;
    line-height: normal;
    font-family: "思源黑体";
}

body {
    font-family: "思源雅黑";
}

/* placeholder样式修改*/
input.sp,
input:disabled {
    color: #909090 !important;
    font-size: .34rem;
    letter-spacing: .04rem;
}

// 第二个扫光动画 --start
.ani_light(@time: 1.5s) {
    @-webkit-keyframes searchLights {
        0% {
            left: -100px;
            top: 0;
        }

        to {
            left: 120px;
            top: 100px;
        }
    }

    @-o-keyframes searchLights {
        0% {
            left: -100px;
            top: 0;
        }

        to {
            left: 120px;
            top: 100px;
        }
    }

    @-moz-keyframes searchLights {
        0% {
            left: -100px;
            top: 0;
        }

        to {
            left: 120px;
            top: 100px;
        }
    }

    @keyframes searchLights {
        0% {
            left: -100px;
            top: 0;
        }

        to {
            left: 120px;
            top: 100px;
        }
    }

    -webkit-animation: searchLights @time linear infinite forwards;
    -o-animation: searchLights @time linear infinite forwards;
    animation: searchLights @time linear infinite forwards;
    /**第一个数字参数控制扫光速度，数字越大越慢**/
}

.ani_light_after {
    content: "";
    position: absolute;
    left: -565px;
    /**第一个数字参数控制扫光速度，数字越大越慢**/
    top: -460px;
    width: 80%;
    height: 0.6rem;
    /**光标的宽度，可根据实际调整**/
    background-color: rgba(255, 255, 255, 255);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    .ani_light;
}

// 第二个扫光动画 --end

// 第二个扫光动画 --start
.ani_light2 {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0rpx;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)50%, rgba(255, 255, 255, 0)100%);
    animation: ani_light2 3s ease-in-out infinite;
}

@keyframes ani_light2 {
    0% {
        transform: skew(-45deg) translate(-100%, 0);
    }

    100% {
        transform: skew(-45deg) translate(100%, 0);
        opacity: .5;
    }
}


// 光线动画
.ani_light_icon {
    @keyframes ani_light_icon {
        0% {
            transform: translate(-50%, 0);
        }

        100% {
            transform: translate(-50%, 4.5rem);
        }
    }

    animation: ani_light_icon 4s linear infinite alternate;
}

// 第二个扫光动画 --end


// 文字扫光动画--start
.slideShine {
    @-webkit-keyframes slideShine {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 100% 100%;
        }
    }
}

// 文字扫光动画--end


// 公共样式---end